<template>
     <el-container>
        <el-main>
            <el-form :model="form">
          <el-form-item label="分类名称:" :label-width="formLabelWidth">
            <el-input v-model="state.form.group_name" autocomplete="off"></el-input>
          </el-form-item>
          <el-form-item label="是否带音频:" :label-width="formLabelWidth">
            <template>
              <el-radio v-model="state.form.is_has_audio" :label="1">是</el-radio>
              <el-radio v-model="state.form.is_has_audio" :label="0">否</el-radio>
            </template>
          </el-form-item>
          <el-dialog :visible.sync="dialogVisible">
            <img width="100%" :src="dialogImageUrl" alt=""/>
          </el-dialog>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible = false">取 消</el-button>
          <el-button type="primary" @click="ensure_one()">确 定</el-button>
        </div>
        </el-main>
     </el-container>
</template>
<script setup>
    import { onMounted, reactive, ref, unref } from 'vue';
    // import { api } from './category.service';
    
    import { cloneDeep } from 'lodash';

    const state = reactive({
        form:{
            group_name: "",
            is_has_audio: '',
            // group_id: "",
            app_id: "10001",
            group_id: ""
        },
        dialogImageUrl: "",
    })

    function ensure_one(){

    }


</script>

<style lang="scss" scoped>

</style>